<!DOCTYPE html>
<html>

<head>
  <title>支付</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="./static/index/css/public.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/common.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/reclassify.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/address.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/pay.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/common.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/search.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/index.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/font.css" />
</head>

<body style="background: #fff;">

  <div id="searchss">
    <div class="search">
      <div class="logo">
        <a href="index"><img src="./static/index/img/logo.jpg" /></a>
      </div>
      <div class="sear_input">
        <input type="text" id="goodsname" value="">
        <button class="btnser"><i class="iconfont icon-icon--"></i></button>
      </div>
      <div class="sera_cart">
        <a href="javascript:void(0)">
          <p onclick="myCart()"><i class="iconfont icon-gouwuche5"></i>我的购物车</p>
        </a>

        <span class="cartnum"></span>

      </div>

      <div class="sear_fir">


        <div class="sinup sinup1">
          <a onclick="loginin()" href="javascript:void(0)">登录</a>
          <a>/</a>
          <a onclick="res()" href="javascript:void(0)">注册</a>
        </div>

        <div class="sinup">
          <a target="_blank" href="../admin/login.html">后台管理</a>
        </div>
        <div class="sigin">
          <span class="wel" id="wel"></span>
        </div>
        <div class="my">
          <a>个人中心</a>
          <i class="iconfont icon-zheng-triangle1"></i>
          <ul class="uls">
            <li onclick="myorder()"><a href="javascript:void(0)">我的订单</a></li>
            <li onclick="address()"><a href="javascript:void(0)">收货地址</a></li>
            <li onclick="pwd()"><a href="javascript:void(0)">修改密码</a></li>
            <li onclick="logout()"><a href="javascript:void(0)">退出</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!--导航nav-->
  <div id="navall">
    <div id="nav">
      <!--产品分类-->
      <div class="proclass">
        <p>产品分类</p>

        <div class="prolist" style="display:none;">
        </div>
      </div>
      <!--导航-->
      <ul id="inav">
        <li><a href="./index.html">商城首页</a></li>
        <li onclick="selectAll(1)"><a href="javascript:void(0)">今日推荐</a></li>
        <li onclick="selectAll(2)"><a href="javascript:void(0);">热销排行</a></li>
        <li onclick="selectAll(3)"><a href="javascript:void(0);">新品上市</a></li>
      </ul>
    </div>
  </div>

  <div id="main">

    <div id="goodslist">
      <div class="tit" style="height: 50px;padding-bottom: 10px;">商品清单</div>
      <div class="list-tit">
        <ul>
          <li class="li1">商城发货订单</li>
          <li class="li3">单价</li>
          <li class="li4">数量</li>
          <li class="li5">小计</li>
        </ul>
      </div>
      <div class="list-cont">
        <c:forEach items="${order.itemList}" var="item">
          <ul>
            <li class="li1">
              <dl>
                <a href="detail?id=${item.good.id}">
                  <dt><img src="${item.good.cover}"></dt>
                  <dd class="goodsname" style="padding-top: 36px;">${item.good.name}</dd>
                  <dd class="goods-des">${item.good.intro}</dd>
                </a>
              </dl>
            </li>
            <li class="li3">￥<span>${item.price}</span></li>
            <li class="li4">x<span>${item.amount}</span></li>
            <li class="li5">￥<span>${item.price * item.amount}</span></li>
          </ul>
        </c:forEach>
      </div>
      <p class="zprice" style="text-align: right;">应付总金额：
        <span>￥<span id="shifu" style="font-size: 32px;font-weight: bold;color: #FF712B;"></span></span>
      </p>
    </div>

    <div id="collect">
      <div class="collect-tit"><span class="tit">收货信息</span></div>
      <div class="collect-cont new-address" style="padding: 0px 0px;">
        <form id="form">
          <input type="hidden" name="id" value="${order.id}">
          <input type="hidden" name="paytype">
          <div class="box clearfix">
            <div class="left">
              <span>姓名&nbsp;：&nbsp;</span>
            </div>
            <div class="right">
              <input type="text" id="name" name="name" value="${sessionScope.user.name}" placeholder="请输入收货人姓名">
              <span class="Validform_checktip"></span>
            </div>
          </div>
          <div class="box clearfix">
            <div class="left">
              <span>电话&nbsp;：&nbsp;</span>
            </div>
            <div class="right">
              <input type="text" id="phone" name="phone" value="${sessionScope.user.phone}" placeholder="请输入收货人电话">
              <span class="Validform_checktip"></span>
            </div>
          </div>
          <div class="box clearfix">
            <div class="left">
              <span>地址&nbsp;：&nbsp;</span>
            </div>
            <div class="right">
              <input type="text" id="address" name="address" value="${sessionScope.user.address}" placeholder="请输入收货地址">
            </div>
          </div>
        </form>
      </div>
    </div>

    <div class="close-foot clearfix">
      <div id="payway">
        <div class="payway-tit">支付方式</div>
        <div class="payway-cont">
          <div class="way active" data="1">
            <i class="iconfont icon-weixin"></i>微信
            <span class="iconfont icon-xuanzhong3"></span>
          </div>
          <div class="way" data="2">
            <i class="iconfont icon-zhifubao"></i>支付宝
            <span class="iconfont icon-xuanzhong3"></span>
          </div>
          <!-- 
	                <div class="way" data-id="3">
	                    <i class="iconfont icon-wallet"></i>余额支付
	                    <span class="iconfont icon-xuanzhong3"></span>
	                </div> -->
        </div>
      </div>
      <p class="submit" id="tijiao">立即支付</p>
    </div>

  </div>

  <iframe src="./footer.html" width="100%" height="100%" frameborder="0" collapsing="yes" scrolling="no"></iframe>

</body>
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="./static/index/layer/layer.js"></script>
<script src="../js/header.js"></script>
<script src="./js/pay.js"></script>
<script type="text/javascript">


  // 选择支付方式

  // 提交支付

</script>

</html>